<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SHOPPING OVER</title>
<link rel="stylesheet" type="text/css" href="css/style.css" media="all" />
<link rel="stylesheet" href="css/style1.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jkmegamenu.css" />
<script type="text/javascript" src="js/jkmegamenu.js"></script>
<script type="text/javascript">
//jkmegamenu.definemenu("anchorid", "menuid", "mouseover|click")
jkmegamenu.definemenu("megaanchor", "megamenu1", "mouseover")
</script>
<script type="text/javascript">

/***********************************************
* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

var delayb4scroll=5000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=1 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?

////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee


</script>

<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script>
	<script type="text/javascript" src="js/captify.tiny.js"></script>
	
	
	<script type="text/javascript">
		$(function() {
    		$(".slider").jCarouselLite({
        		btnNext: ".next",
        		btnPrev: ".prev",
        		visible: 5
    		});
		});

		$(document).ready(function(){
			$('img.captify').captify({
				// all of these options are... optional
				// ---
				// speed of the mouseover effect
				speedOver: 'fast',
				// speed of the mouseout effect
				speedOut: 'normal',
				// how long to delay the hiding of the caption after mouseout (ms)
				hideDelay: 500,	
				// 'fade', 'slide', 'always-on'
				animation: 'slide',		
				// text/html to be placed at the beginning of every caption
				prefix: '',		
				// opacity of the caption on mouse over
				opacity: '0.7',					
				// the name of the CSS class to apply to the caption box
				className: 'caption-bottom',	
				// position of the caption (top or bottom)
				position: 'bottom',
				// caption span % of the image
				spanWidth: '100%'
			});
		});

	</script>
</head>

<body>
<div class="container">
<?php include('includes/header.php'); ?>

<div class="wrapper">
<div class="body-wrapper">
<div class="top-offer-box">
<div class=" flt-lft"><a href="#"><img src="banner/image_1.jpg" alt="" /></a></div>
<div class="feed-back">
<div class="feedback-header"></div>
<div class="feedback-txt">
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width:100%;">
<h2>Lorem ipsum dolor sit amet</h2>
<p>Elit at aliquet elit vestibulum feugiat. Posuere sagittis diam id, ut voluptatibus volutpat sem neque non, integer vehicula faucibus tincidunt. Convallis ligula, odio volutpat quam nulla rutrum enim lorem, erat pede lectus vivamus nibh enim, egestas pellentesque velit pharetra curabitur tempor egestas, curabitur phasellus vestibulum blandit.</p>

<h2>Lorem ipsum dolor sit amet</h2>
<p>Elit at aliquet elit vestibulum feugiat. Posuere sagittis diam id, ut voluptatibus volutpat sem neque non, integer vehicula faucibus tincidunt. Convallis ligula, odio volutpat quam nulla rutrum enim lorem, erat pede lectus vivamus nibh enim, egestas pellentesque velit pharetra curabitur tempor egestas, curabitur phasellus vestibulum blandit.</p>

<h2>Lorem ipsum dolor sit amet</h2>
<p>Elit at aliquet elit vestibulum feugiat. Posuere sagittis diam id, ut voluptatibus volutpat sem neque non, integer vehicula faucibus tincidunt. Convallis ligula, odio volutpat quam nulla rutrum enim lorem, erat pede lectus vivamus nibh enim, egestas pellentesque velit pharetra curabitur tempor egestas, curabitur phasellus vestibulum blandit.</p>

</div>
</div>
</div>
</div>
</div>

<!--<div class="bottom-offer-box">
<div class="left-arrow"><a href="#"><img src="images/arrow_left.png" alt="" /></a></div>
<div class="right-arrow"><a href="#"><img src="images/arrow_right.png" alt="" /></a></div>

<div class="bottom-offer-image">
<div class="exp-btn"><a href="#"><img src="images/exp-btn.png" alt="" /></a></div>
<img src="banner/image_2.jpg" alt="" /></div>

<div class="bottom-offer-image">
<div class="exp-btn"><a href="#"><img src="images/exp-btn.png" alt="" /></a></div>
<img src="banner/image_3.jpg" alt="" /></div>

<div class="bottom-offer-image">
<div class="exp-btn"><a href="#"><img src="images/exp-btn.png" alt="" /></a></div>
<img src="banner/image_4.jpg" alt="" /></div>

<div class="bottom-offer-image">
<div class="exp-btn"><a href="#"><img src="images/exp-btn.png" alt="" /></a></div>
<img src="banner/image_5.jpg" alt="" /></div>
<div class="bottom-offer-image">
<div class="exp-btn"><a href="#"><img src="images/exp-btn.png" alt="" /></a></div>
<img src="banner/image_6.jpg" alt="" /></div>
</div>-->
<div class="bottom-offer-box">
<!--<div id="list">-->
			<div class="prev"><img src="images/arrow_left.png" alt="prev" /></div>
					
				<div class="slider">
					<ul>
						<li>
							<a href="#" ><img src="banner/image_2.jpg"  class="captify" /></a>
						</li>
						<li>
							<a href="#" ><img src="banner/image_3.jpg"  class="captify" /></a>
						</li>
						<li>
							<a href="#" ><img src="banner/image_4.jpg"  class="captify" /></a>
						</li>
						<li>
							<a href="#" ><img src="banner/image_5.jpg"  class="captify" /></a>
						</li>
						<li>
							<a href="#" ><img src="banner/image_6.jpg"  class="captify" /></a>
						</li>
						 
					</ul>
				</div>
			<div class="next"><img src="images/arrow_right.png" alt="next" /></div>
		<!--</div>--></div>
<div align="center"><a href="#" onmouseover="document.sub_but.src='images/view-btn-h.png'" onmouseout="document.sub_but.src='images/view-btn.png'">
<img src="images/view-btn.png" alt="" name="sub_but" /></a></div>

<div class="clear"></div>
</div>
<div class="clear"></div>
</div>

</div>


<?php include('includes/footer.php'); ?>
